<!DOCTYPE html>
<html>

<head>
    <title>千锋宿舍管理系统</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/stytem.css">
    <script src="../js/bootstrap.js"></script>
    <script src="../js/checklLogin.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/updatepassword.js"></script>
</head>
<style>
</style>

<body style="background-image: url(../img/dlem.jpg);">
    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    </svg>
    <main>
        <div class="d-flex flex-column flex-shrink-0 p-3"
            style="width: 280px;background-color: #fff;margin:30px 0 0 30px;background-color:#28313c !important;">
            <div><span class="fs-4" style="font-weight: 700;color: #f7ffff;margin-left: 20px;">千锋宿舍管理系统</span></div>
            <hr>
            <ul class="nav nav-pills flex-column mb-auto">
                <li class="nav-item">
                    <a href="./home.html" class="nav-link link-dark" aria-current="page"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#home" />
                        </svg>
                        情况总览
                    </a>
                </li>
                <li>
                    <a href="./dormitoryStaff.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#speedometer2" />
                        </svg>
                        宿舍人员
                    </a>
                </li>
                <li>
                    <a href="./Absentstudent.html" class="nav-link link-dark" style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#table" />
                        </svg>
                        缺勤登记
                    </a>
                </li>
                <li>
                    <a href="./moveIn.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#table" />
                        </svg>
                        入住申请
                    </a>
                </li>
                <li>
                    <a href="./manage.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#grid" />
                        </svg>
                        管理人员
                    </a>
                </li>
                <li>
                    <a href="./updatepassword.html" class="nav-link active"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#people-circle" />
                        </svg>
                        修改密码
                    </a>
                </li>
                <li>
                    <a href="#" class="nav-link link-dark" id="logout"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#people-circle" />
                        </svg>
                        退出系统
                    </a>
                </li>
            </ul>
        </div>
        <div style="width:100%;height:100%; margin: 30px;">
            <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
                style="width:100%;height: 70px; flex-direction: row; justify-content: space-between;padding: none;background-color: #28313c !important;">
                <h2 style="color: #f7ffff;">修改密码</h2>
                <span id="center" style="font-size: 26px;color: #f7ffff;"></span>
                <div>
                    <img src="../img/aaa.jpg" style="width: 50px;height: 45px;border-radius: 39%;" alt="">
                    <span id="manageName"
                        style="font-size: 25px;line-height: 35px;color: #f7ffff;">文渊</span>&nbsp;&nbsp;
                    <button type="button" class="btn btn-danger btn-sm" style="margin-bottom: 5px;"
                        id="quit">退出</button>
                </div>
            </div>
            <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
                style="width:100%;height: 100%;background-color: #fff;margin-top:20px;text-align: center;">
                <div class="box" style="display: flex;justify-content: space-evenly;">
                    <div class="box">
                        原&nbsp;&nbsp;&nbsp; 密&nbsp;&nbsp;&nbsp;码:<input type="text"
                            style="outline:none;margin-bottom: 15px;" id="password1"><br>
                        新&nbsp;&nbsp;&nbsp; 密&nbsp;&nbsp;&nbsp;码:<input type="password"
                            style="outline:none; margin-bottom: 15px;" id="password2"><br>
                        确认新密码:<input type="password" style="outline:none; margin-bottom: 15px;" id="password3"><br>
                        <button class="btn btn-success btn-sm" style="width: 100px;margin-left:70px;"
                            onclick="updatePass()">确认</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="b-example-divider"></div>
    </main>
</body>
<script src="../js/systemTime.js"></script>

</html>